/*在这里编辑主页的样式表*/

/*设置body*/
body{
    /*设置body的背景图片，水平方向重复*/
    background: url(../img/bd-bg.png) repeat-x;
}

/*解决高度塌陷的问题*/
.clearFix:before, .clearFix:after {
    content: "";
    display: table;
    clear: both;
}
/*解决高度塌陷问题兼容ie6则添加下面这个选择器*/
.clearFix {
    zoom: 1;
}

/*多个位置公用的属性：固定元素的宽度和居中*/
.w {
    width: 940px;
    margin: 0 auto;
}
.header {
    /*设置一个上内边距*/
    padding-top: 37px;

    /*设置一个下内边距*/
    padding-bottom: 46px;
}
.logo {
    /*设置logo的位置*/
    margin-left: 15px;
}

/*设置导航条*/
.nav {
    /*设置导航条向右浮动*/
    float: right;
    /*设置一个上外边距*/
    margin-top: 22px;
    list-style: none;
}
.nav li {
    /*向左浮动：ul已经向右浮动了，如果li在向右浮动则顺序就不对了*/
    float: left;
    /*设置左右内边距*/
    padding: 0 10px 7px;
    /*设置左边框*/
    border-left: 1px #d6d6d6 dotted;
}
/*设置导航条中的超链接*/
.nav a {
    /*设置字体*/
    font: bold 14px Georgia;
    /*设置字体颜色*/
    color: #666;
    /*去除下划线*/
    text-decoration: none;
}
/*设置超链接的移入效果*/
.nav a:hover{
    color: #a1a1a1;
    text-decoration: underline;
}
/*设置导航的小标题：在谷歌浏览器中字体最小支持到12px， 1-11都显示为12个像素*/
.nav p {
    /*设置字体颜色*/
    color: #b7b7b7;
    /*设置字体*/
    font: 11px Tahoma;
}
/*设置banner*/
.banner {
    /*设置背景*/
    background: url("../img/banner-bg.png") no-repeat bottom center;
    /*为了能看见阴影，设置高度*/
    height: 356px;

    position: relative;
}
/*设置导航按钮*/
.pointerDiv {
    /*开启绝对定位，因为此div现有的位置不需要保留了*/
    position: absolute;
    /*为导航点设置定位位置，相对于父元素，父元素必须开启相对定位才可以*/
    top: 314px;
    left: 15px;

}
.pointerDiv a {
    /*设置宽高*/
    width: 17px;
    height: 17px;
    /*设置浮动，即横着排列又变成了块元素*/
    float: left;
    background: url("../img/pointer.png") no-repeat;

    /*设置按钮之间的距离为4个像素：左外边距即可*/
    margin-left: 4px;
}

/*选择器分组*/
.pointerDiv .active,  .pointerDiv a:hover{
    background: url("../img/pointer-active.png") no-repeat;
}

.content h1{
    text-align: center;
    font: bold 24px Georgia;
    /*设置上内边距*/
    padding:6px 0 20px 0;
    margin-bottom: 38px;
    background: url("../img/line.png") no-repeat bottom center;
}

/*中间的三个div*/
.content .pl, .content .cs, .content .uc, .contact .sc, .contact .co, .contact .nu {
    /*向左浮动，水平排列*/
    float: left;
    width: 300px;
}
.content .cs, .contact .co {
    margin: 0 20px;
}

/*设置div中的标题*/
.content h2 {
    color: #11719e;
    font: 21px Georgia;
}
.content .p1{
    color: #8c8c8c;
    font: 12px Helvetica;
}
/*设置图片的div*/
.content .imgDiv {
    width: 299px;
    height: 190px;
    background: url("../img/img-bg.png") no-repeat;
    /*设置上下外边距*/
    margin: 16px 0 10px 0;

    /*设置图片水平方向居中*/
    text-align: center;

    /*设置上内边距*/
    padding-top: 12px;
}
.content .p2 {
    height: 92px;
    color: #3e3e3e;
    font: 13px  Helvetica;
    word-spacing: 2px;
}

/*设置按钮的样式*/
.content .lm {
    display: block;
    width: 163px;
    height: 40px;
    background: url("../img/btn1.png") no-repeat;
    text-decoration: none;
    color: #016999;
    font: 12px/40px Helvetica;
    text-indent: 1em;
    margin-bottom: 35px;
}

.contact {
    background: url("../img/line.png") no-repeat top center;
}

/*设置联系栏中的表单项*/
.contact .txt {
    width: 276px;
    height: 33px;
    line-height: 33px;
    background: url("../img/input.png") no-repeat;
    /*单独为IE6设置一个背景不随元素滚动*/
    _background-attachment: fixed;

    /*去除表单项的默认边框*/
    border: none;
    margin: 0 0 16px;
    padding: 0 10px;
}
/*设置表单域*/
.contact .tarea {
    width: 276px;
    height: 114px;
    background: url("../img/textarea.png") no-repeat;
    /*单独为IE6设置一个背景不随元素滚动*/
    _background-attachment: fixed;
    border: none;
    /*设置滚动条为自动*/
    overflow: auto;
    /*设置文本域不能调整大小*/
    resize: none;

    /*去除默认的内外边距*/
    margin: 0;
    padding: 10px;
}
.contact .btn {
    width: 163px;
    height: 32px;
    background: url("../img/btn2.png") no-repeat;
    border: none;
    margin: 11px 0 23px 0 ;
    padding: 0;
    color: white;
    font: 13px Georgia;
    text-align: left;
    text-indent: 1em;
    /*可以用来设置鼠标指针的样式*/
    cursor: pointer;
}
.contact h2 {
    color: #444444;
    font: 18px/1 Georgia;
    border-bottom: 1px dashed #d3d3d3;
    padding: 44px 0 10px;
    margin-bottom: 15px;
}
/*设置联系栏左侧*/
.sc .p1{
    color: #444;
    font: 12px/1 Helvetica;
}
.sc .icon {
    /*设置字体大小为0，去除图片之间的空格*/
    font-size: 0;
    margin-top: 4px;
}
/*设置小图标的右外边距*/
.sc .icon a{
    margin-right: 6px;
}

/*设置左侧的一个小标题*/
.sc .nl {
    font: bold 18px/1 "gill sans mt";
    padding: 34px 0 10px 0;
    /*margin-bottom: 0;*/
}
.sc .txt {
    margin-top: 15px;
    _margin-top: 18px;
    margin-bottom: 0;
}

/*设置联系栏右侧: 文字环绕图片只需要让图片浮动即可*/
.nu img {
    float: left;
    margin-right: 8px;
}
.nu .no-margin {
    margin-bottom: 0;
}
.nu .btn {
    _margin-left: -1em;
}
.nu p {
    color: #444;
    font: 12px/1 Helvetica;
    height: 58px;
    _height: 60px;
    border-bottom: 1px dashed #d3d3d3;
    margin-bottom: 14px;
    padding-bottom: 9px;
}

/*设置底部*/
.footer {
    height: 173px;
    background-color: #333;
    border-top: solid 10px #4c4c4c;
}

/*设置底部文字的样式*/
.footer a, .footer p{
    color: #999;
    font: 11px Helvetica;
    text-decoration: none;
}
.footer .copy {
    float: right;
    /*处理IE6双倍边距的问题*/
    display: inline;
}
.footer .w {
    padding-top: 18px;
}
.footer p {
    /*margin-left: 8px;*/
    margin: 0 23px 6px 8px;
}
.footer a:hover {
    color: #cccaca;
}
